<!DOCTYPE html>
<html>
  <head> 
    <title>Giftshake</title> 
  
  
    <?php include_once('head.php');  ?> 
     
 
  <link href="photoswipe/photoswipe.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="photoswipe/lib/klass.min.js"></script>  
  <!--<script type="text/javascript" src="photoswipe/code.photoswipe-3.0.5.js"></script>-->
  <script type="text/javascript" src="photoswipe/code.photoswipe-3.0.5.min.js"></script>
 

  <style>
    
    .sp_6jxgq1 {
        background-image: url(images/giftshake_logo_header.png);
        background-size: 100%;
        background-repeat: no-repeat;
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 1px;
        /*margin-top: 8px;*/
       }
       
       .sx_df432d {
        width: 120px;
        height: 26px;
        background-position: 0 0;    
        }
    
      /*@font-face {
        font-family: arista;      
        src: url('arista/Arista.ttf');
        
      }*/
      
      h1.logo {      
        margin: 0 !important;      
        /*font-family: arista; */
        /*font-size: 26px !important;*/      
      }
   
   
      /*body { padding: 0; margin: 0; background: #DFDCD1; font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif; color: #444340; }
      h1 { font-size: 1.3em; padding: 15px 10px; margin: 0; }
      h2 { font-size: 1.1em; padding: 10px; margin: 0; }
      img { border: none; }
      a { color: #444340; }*/
      
      /*#Header { background: #EEBF02; height: 61px; padding: 0; border-bottom: 1px solid #3c3c3c;  }
      #Header img { display: block; margin: 0 auto 0; }*/




      #MainContent { background: #ffffff; padding-bottom: 20px; }
      
      /*#Footer { padding: 10px; border-top: none; }*/ 
      
      
      /* For inline examples only */
      #PhotoSwipeTarget { width: 100%; height: 310px; }
      
      #Indicators { text-align: center; margin-top: 5px; }
      #Indicators span { display: inline-block; height: 6px; width: 6px; margin: 0 1px 0 0; padding: 0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; background: #c5c5c5; overflow:hidden; }
      #Indicators span.current{ background: #EEBF02; }
   
   
    
  </style>


  
  </head>  
  
  <body onload="setTimeout(function() { window.scrollTo(0, 1) }, 0);" >
    
    
    <!-- PAGE 1: tutorial -->
    
    <?php include_once('page.tutorial.html'); ?>
     
     
    <!-- PAGE 2: login -->
    
    <?php include_once('page.login.html'); ?>    
    
    
    <!-- PAGE 3: invita-amici -->
    
    <?php include_once('page.invita-amici.html'); ?>    


    <!-- PAGE 4: vota -->
    
    <?php include_once('page.vota.html'); ?>    
    
    
     


  <script>


    $(document).on( "click", ".show-page-loading-msg", function() {
      var $this = $( this ),
        theme = $this.jqmData( "theme" ) || $.mobile.loader.prototype.options.theme,
        msgText = $this.jqmData( "msgtext" ) || $.mobile.loader.prototype.options.text,
        textVisible = $this.jqmData( "textvisible" ) || $.mobile.loader.prototype.options.textVisible,
        textonly = !!$this.jqmData( "textonly" );
        html = $this.jqmData( "html" ) || "";
      $.mobile.loading( 'show', {
          text: msgText,
          textVisible: textVisible,
          theme: theme,
          textonly: textonly,
          html: html
      });
    })
    .on( "click", ".hide-page-loading-msg", function() {
      $.mobile.loading( "hide" );
    });
  </script>
    
    
    
  </body>
</html>  
    